/*1680*/

@media screen and (max-width:1680px){

 
#certify1 .swiper-container{padding:0 0 0 50px;}
 
#certify1 .swiper-button-prev1 {z-index:30; left:0px; width:40px; height:40px; background:#fff  url(../images/prev1.png) no-repeat center center; background-size:100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-prev1:hover {z-index:30; background:#fff  url(../images/prev2.png) no-repeat center center;  background-size:100% 100%; }

#certify1 .swiper-button-next1 {z-index:30; text-indent: -9999px; right:0px;  top: 35%; bottom: auto;  width: 40px; height:40px; background:#fff  url(../images/next1.png) no-repeat center center;  background-size:100% 100%;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-next1:hover {z-index:30; background:#fff  url(../images/next2.png) no-repeat center center;  background-size:100% 100%; }

.s_company{margin:2% 1%;}

.s_prod_center{margin:0 1%;}

}

@media screen and (max-width:1440px){

 .m_seabox{margin:20px 0 0 20px;}

}

@media screen and (max-width:1360px){

.m_navi ul li a{padding:0 10px;} 



}


/*1280*/

@media screen and (max-width:1280px){



.web{display:block;}

.mobile{display:none;}

.m_logo{width:40%; float:left;}


.m_fanyi{ 
width: 50px;
height: 50px;
opacity: 1;
float:right;
margin:5px 0 0 10px;
padding: 8px;
}

.m_fanyi a {font-size:28px;}

.mobile1{width:60px; position:relative; z-index:50; float:right;  margin:2% 8% 0 2%;}

.mobile1 img{width:100%;}

.mob_seabox{ 
width: 34px;
height: 34px;
float:right;
opacity: 1;
}

.mob1{width:90%;  height:44px; float:left; background:#fff; position:fixed; z-index:122;  left:4%; top:4rem; border-radius:60px; border: 1px solid #D9D9D9;  display:none; }


.mob1 .sinp1{width:82%; height:44px; float:left; background:transparent; padding-left:4%; border:none; border-radius:0px; font-size:16px; color:#B3B3B3; text-align:left; line-height:44px; font-weight:normal;  }


.mob1 .sinp2{width:14%; height:44px; float:left; background:transparent /*url(../images/sea1.png) no-repeat center center; background-size:30px*/; border:none; border-radius:0px; font-size:16px; color:#333; text-align:center; line-height:44px; font-weight:normal;   border-top-right-radius:0px; border-bottom-right-radius:0px; cursor:pointer;  }



  .z_mhead { position: relative;  width: 100%; left: 0; height:80px; box-sizing: border-box; padding: 0 0%; z-index: 45; background: url(../images/bgc1.png) no-repeat center bottom;  }
  
   
   .z_mhead .logo { width:40%; float: left; margin:-1.5% 0 .5rem 1%; }

   .z_mhead .logo  img{width:100%;}


   .z_mhead .nav { position: relative; width: 41px; height: 41px; background: url(../images/menu02.png) no-repeat center center; background-size: 100%; border-radius: 0px; right:2%; top:1rem; display: block; z-index: 55; float:right; }
  
   .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0%; top: 4rem; z-index: 99; display: none; }
  
   .z_nav .navleft { width: 30%; float: left; background: rgba(0, 0, 0, 0.1); height: 100vh; overflow: hidden; }
  
   .z_nav .nav { width: 70%; float: left; background: #fff; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; }
  
   .z_nav .nav ul { width: 100%; float: left; margin: 3% 0 3% 0%; border-top: 1px dashed #f2f3f5; }
  
   .z_nav .nav ul li { width: 100%; min-height: 3rem; float: left; border-bottom: 1px dashed #f2f3f5; }
  
   .z_nav .nav ul li.selected { }
  
   .z_nav .nav ul li a { height: 3rem; display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin: 0 3%; font-size: 16px; color: #333; line-height: 3rem; }
  
   .z_nav .nav ul li a img.vimg1 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li a img.vimg2 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li.selected > a { color: #d12014; }
  
   .z_nav .nav ul li.selected a img.vimg1 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li.selected a img.vimg2 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li ul { background: #fff; margin: 0; padding: 1rem 1rem; box-sizing: border-box; }
  
   .z_nav .nav ul li ul li { border: 0; margin-bottom: 0.5rem; padding: 0; border-bottom: 1px solid #f2f3f5; }
  
   .z_nav .nav ul li ul li a { font-size: 14px; color: #333333; margin-bottom: 0; }
 
.b_banner{margin-top:-35px;}

#certify1 .swiper-container{padding:0 0 0 20px;}
 
#certify1 .swiper-slide img{width:40px; display:block; margin:0 auto;}


#certify1 .swiper-slide .slide_txt{width:100%; float:left; }

.s_prod_bt ul li a img{margin:12% auto 2% auto;}

.s_prod_bt ul li a font{font-size:20px;}

.slide_txt h3{width:100%; float:left; height:40px;
font-size:18px;
font-weight: 600; 
line-height:40px;
color: rgba(30, 30, 30, 1);
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


.slide_txt font{width:100%; float:left; height:60px; margin:10px 0;
font-size:14px;
font-weight:400; 
line-height:20px;
color: rgba(117, 117, 117, 1);
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


#certify1 .swiper-button-prev1 {z-index:30; left:0px; top:auto; bottom:-50px; width:40px; height:40px; background:#fff  url(../images/prev1.png) no-repeat center center; background-size:100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-prev1:hover {z-index:30; background:#fff  url(../images/prev2.png) no-repeat center center;  background-size:100% 100%; }

#certify1 .swiper-button-next1 {z-index:30; text-indent: -9999px; right:0px;  top: auto; bottom: -50px;  width: 40px; height:40px; background:#fff  url(../images/next1.png) no-repeat center center;  background-size:100% 100%;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-next1:hover {z-index:30; background:#fff  url(../images/next2.png) no-repeat center center;  background-size:100% 100%; }


.m_servimgs dl dd{width:24%; padding:2% 1%;}


.m_servimgs dl dd h3{font-size:24px;}

.m_servimgs dl dd font{height:auto;}

.m_guang{padding:40px 0;}

.m_guang h3{font-size:36px;}

.m_guang font{font-size:20px;}


.m_about{padding:0 3%;}

.m_foot_center {padding:0 3%;}

.s_company {
    margin: 0% 1%;
font-size:18px;
line-height:38px;
}

.s_company_bt h3{font-size:48px;}

.s_company_bt font{font-size:20px; }



.s_proshow h3{font-size:34px;}

.s_proshow h4{font-size:20px;}


.m_foot_type_img h3 {font-size:24px; font-weight:600;}

.m_fnavi{margin:1% 0 1% 0;}

.m_fnavi ul li h3{font-size:24px;}

.s_service_center{margin:0 3%;}

.s_conta_center{margin:3% 3% 3% 3%;}

.s_cont_tylist {
    width: 60%;
    float: left;
    margin: 2% 0 1% 0;
}


 
}

/*768*/


@media screen and (max-width:768px){



.web{display:none;}

.mobile{display:block;}

.m_logo{width:300px; float:left;}



.m_fanyi{ 
width: 52px;
height: 52px;
opacity: 1;
float:right;
margin:5px 0 0 10px;
padding: 12px 12px 12px 12px;
}


.mobile1{width:60px; position:relative; z-index:50; float:right;  margin:3% 6% 0 2%;}

.mobile1 img{width:100%;}

.mob_seabox{ 
width: 50px; 
float:right;
opacity: 1;
}

.mob1{width:90%;  height:64px; float:left; background:#fff; position:fixed; z-index:122;  left:4%; top:82px; 
border-radius:60px; 
border: 1px solid #D9D9D9;  display:none; }


.mob1 .sinp1{width:76%; height:64px; float:left; background:transparent; padding-left:4%; border:none; border-radius:0px; font-size:16px; color:#B3B3B3; text-align:left; line-height:64px; font-weight:normal;  }


.mob1 .sinp2{width:20%; height:64px; float:left; background:transparent; border:none; border-radius:0px; font-size:20px; color:#333; text-align:center; line-height:64px; font-weight:normal;  border-top-right-radius:0px; border-bottom-right-radius:0px; cursor:pointer;  }



  .z_mhead { position: relative; background: #fff; width: 100%; left: 0; height:82px; box-sizing: border-box; padding: 0 0%; z-index: 45;  display: block; 
background:url(../images/bgc1.png) no-repeat center bottom;  }
  
   
   .z_mhead .logo { width:320px; float: left; margin: .2rem 0 .2rem 1%; }

   .z_mhead .logo  img{width:100%;}


   .z_mhead .nav { position: relative; width: 52px; height: 52px; background: url(../images/menu02.png) no-repeat center center; background-size: 100%; border-radius: 0px; right:2%; top:1rem; display: block; z-index: 55; float:right; }
  
   .z_nav { position: fixed; width: 100%; height: calc(100% - 0rem); left: 0%; top: 82px; z-index: 99; display: none; }
  
   .z_nav .navleft { width: 30%; float: left; background: rgba(0, 0, 0, 0.1); height: 100vh; overflow: hidden; }
  
   .z_nav .nav { width: 70%; float: left; background: #fff; height: calc(100% - 0rem); overflow-y: auto; overflow-x: hidden; }
  
   .z_nav .nav ul { width: 100%; float: left; margin: 3% 0 3% 0%; border-top: 1px dashed #f2f3f5; }
  
   .z_nav .nav ul li { width: 100%; min-height: 3rem; float: left; border-bottom: 1px dashed #f2f3f5; }
  
   .z_nav .nav ul li.selected { }
  
   .z_nav .nav ul li a { height: 3rem; display: flex; align-items: center; justify-content: space-between; width: 100%; float: left; margin: 0 3%; font-size: 16px; color: #333; line-height: 3rem; }
  
   .z_nav .nav ul li a img.vimg1 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li a img.vimg2 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li.selected > a { color: #d12014; }
  
   .z_nav .nav ul li.selected a img.vimg1 { width: 1rem; display: none; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li.selected a img.vimg2 { width: 1rem; display: block; margin: 4% 8% 4% 6%; }
  
   .z_nav .nav ul li ul { background: #fff; margin: 0; padding: 1rem 1rem; box-sizing: border-box; }
  
   .z_nav .nav ul li ul li { border: 0; margin-bottom: 0.5rem; padding: 0; border-bottom: 1px solid #f2f3f5; }
  
   .z_nav .nav ul li ul li a { font-size: 14px; color: #333333; margin-bottom: 0; }
 

.m_banner{margin-top:0px;}



#certify1 .swiper-container{padding:0 0 0 20px;}
 
#certify1 .swiper-slide img{width:40px; display:block; margin:0 auto;}


#certify1 .swiper-slide .slide_txt{width:100%; float:left; }


.slide_txt h3{width:100%; float:left; height:40px;
font-size:18px;
font-weight: 600; 
line-height:40px;
color: rgba(30, 30, 30, 1);
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


.slide_txt font{width:100%; float:left; height:60px; margin:10px 0;
font-size:14px;
font-weight:400; 
line-height:20px;
color: rgba(117, 117, 117, 1);
text-align:left;
text-overflow:ellipsis;
overflow:hidden;
 }


#certify1 .swiper-button-prev1 {z-index:30; left:0px; top:auto; bottom:-50px; width:40px; height:40px; background:#fff  url(../images/prev1.png) no-repeat center center; background-size:100% 100%; border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-prev1:hover {z-index:30; background:#fff  url(../images/prev2.png) no-repeat center center;  background-size:100% 100%; }

#certify1 .swiper-button-next1 {z-index:30; text-indent: -9999px; right:0px;  top: auto; bottom: -50px;  width: 40px; height:40px; background:#fff  url(../images/next1.png) no-repeat center center;  background-size:100% 100%;  border: none; -webkit-tap-highlight-color: transparent; outline: none; }

#certify1 .swiper-button-next1:hover {z-index:30; background:#fff  url(../images/next2.png) no-repeat center center;  background-size:100% 100%; }

.m_servimgs dl dd font{font-size:16px;}
 
.m_servimgs dl {
    width: 100%;
    float: left;
    text-align: :center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.m_servimgs dl dd {
    width: 41%;
    padding: 2% 1%;
}

.m_guang h3 {
    font-size: 30px;
}

.m_about img {
    width: 40%;
    max-width: initial;
    float: left;
}

.m_about .m_abotxt{width:56%;}

.m_foot_type {
    width: 180px;
    float: left;
    margin: 30px 0% 2% 0%;
}

.s_company_bt h3 {
    font-size: 38px;
}

.s_company_bt font {
    font-size: 16px;
}

.s_company {
    margin: 0% 1%;
    font-size: 16px;
    line-height: 38px;
}

.b_banner {
    margin-top:0px;
}

.s_prod_bt ul li a font {
    font-size: 16px;
}

.s_proshow h3 {
    font-size: 24px;
}

.s_servshow h3{font-size:38px;}

.s_cont_table_bt{font-size:40px;}


.s_cont_tylist {
    width: 100%;
    float: left;
    margin: 2% 0 1% 0;
}

.s_cont_ewm_img {
    width: 90%;
    float: right;
margin:3%;
}




}

 
/*414*/
@media screen and (max-width:414px){

.z_mhead .logo {
    width: 54%;
    float: left;
    margin: .5rem 0 0.2rem .5%;
}

.m_fanyi {
    width: 40px;
    height: 40px;
    opacity: 1;
    float: right;
    margin: 5px 0 0 10px;
    padding: 12px 12px 12px 12px;
}

.z_mhead .nav{   width: 40px; height: 40px; right:1%;}

.mobile1 {
    width: 40px;
    position: relative;
    z-index: 50;
    float: right;
    margin: 3% 5% 0 2%;
}

.mob_seabox {
    width: 40px;
    float: right;
    opacity: 1;
}





.m_box {
    width: 100%;
    float: left;
    margin: 20px 0;
}

.slide_txt h3{font-size:16px;}

.m_cokk{font-size:18px;}

.m_cokk h3{font-size:20px;}

.m_servimgs dl dd{width:88%; margin:2% 1%;}

.m_servimgs dl dd h3{font-size:18px;}

.m_guang {
    width:94%; 
   padding: 40px 3%;
}

.m_guang h3 {
    font-size: 23px;
}
.m_guang font {
    font-size: 16px;
}

.m_about img {
    width: 100%;
    max-width: initial;
    float: left;
}

.m_about .m_abotxt {
    width: 100%;
    margin: 4% auto;
}

 .m_footer {
    width: 100%;
    height: auto;
    opacity: 1;
    background: #5A5A5A;
    padding: 24px 10px 12px 10px;
    overflow: hidden;
}

.m_footer{padding:24px 12px 12px 12px;}

.m_foot_center {
    padding: 0 3%;
    width: 94%;
}

.m_foot_type {
    width: 98%;
    float: left;
    margin:10px 0% 2% 0%;
}

.m_foot_type_img {
    width: 50%;
    float: left;
}

.m_foot_type_img h3 {
    font-size: 20px;
    font-weight: 600;
}

.m_foot_tylist {
    width: 50%;
    max-width: inherit;
    float: left;
    margin: 14% 0 1% 0;
}

.m_fnavi {
    margin: 1% 0 1% 0;
    max-width: initial;
    width: 100%;
}

.m_fnavi ul {
    width: 104%;
    float: left;
    margin-left: -4%;
}

.m_fnavi ul li h3 {
    font-size: 18px;
    line-height: 40px;
    font-weight: 600;
    height: 30px;
    margin: 0 0 10px 0;
}

.m_fnavi ul li dl dd a{font-size:14px;}


.m_foot_bot{width:96%;}

.s_company {
    margin: 0% 1%;
    font-size: 14px;
    line-height: 30px;
}


.s_company_bt h3 {
    font-size: 28px;
}

.s_company_bt font {
    font-size: 14px;
    line-height: 28px;
}

.s_prod_bt ul li a font {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
}

.s_proshow{font-size:14px;}

.s_proshow h3 {
    font-size: 20px;
}

.s_proshow h4 {
    font-size: 18px;
}


.s_proline {
    width:60%;
    max-width: 480px;
    height: 1px;
    float: left;
    margin: 2% 0;
    background: rgba(178, 178, 178, 1);
}

.s_proshow h4 {
    font-size: 16px;
}

.s_proshow h5{font-size:16px; line-height:32px;}

.s_servshow{font-size:14px; line-height:30px;}

.s_servshow h3 {
    font-size: 28px;
}

.s_servshow h4{font-size:20px;}

.s_cont_table {
    width: 98%;
    float: left;
}

.s_cont_table_bt {
    font-size: 36px; line-height:60px; 
}

.s_cont_table h3 font{font-size:24px;}


table.table1 th{font-size:18px; }


.tabt1 {
    width: 98%;
    padding-left: 2%;
    height: 40px;
    float: left;
    border-radius: 6px;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 40px;
    color: #000;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}

.tabt2 {
    width: 98%;
    padding-left: 2%;
    height: 160px;
    float: left;
    border-radius: 6px;
    background: #fff;
    border: 1px solid rgba(51, 51, 51, 1);
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    line-height: 40px;
    color: #000;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
}


.fasong{height:50px; line-height:50px;}

.fasong font{font-size:20px; font-weight:normal; line-height:50px;}

.s_cont_ewm {
    width: 98%;
    float: right;
}

.s_cont_ewm_img {
    width: 80%;
    float: none;
    margin: 3% auto;
    display: block;
}










}

@media screen and (max-width:380px){

.z_mhead .logo {
    width: 48%;
    float: left;
    margin: 0.5rem 0 0.2rem .5%;
}

 
.m_fanyi {
    width: 30px;
    height: 30px;
    opacity: 1;
    float: right;
    margin: 0px 1% 0 10px;
    padding: 10px;
}


.z_mhead .nav {
    width: 34px;
    height: 34px;
    right: 1%;
}

.mob_seabox {
    width: 34px;
    float: right;
    opacity: 1;
    margin: 7px 0 0 0;
}


.m_fnavi ul li h3{font-size:16px;}

.m_fnavi {
    margin: 1% 0 1% 0;
    max-width: initial;
    width: 101%;
}

.m_fnavi ul li h3 {
    font-size: 14px;
}

.m_fnavi ul li dl dd a {
    font-size: 12px;
}

.s_company_bt h3 {
    font-size: 24px;
}

.s_company_bt font {
    font-size: 12px;
    line-height: 24px;
}


.s_prod_bt ul li a font {
    font-size: 14px;
    line-height: 40px;
    height: 40px;
display:-webkit-box;   -webkit-line-clamp:2; -webkit-box-orient:vertical; 
}

.s_proshow h3 {
    font-size: 18px;
}

.s_proshow h4 {
    font-size: 14px;
}


.s_proshow h5 {
    font-size: 15px;
    line-height: 30px;
}


.s_servshow h3 {
    font-size: 20px;
    line-height: 50px;
}


.s_servshow h4 {
    font-size: 18px;
}

.s_cont_table_bt {
    font-size: 26px;
    line-height: 40px;
    font-weight: bold;
}

.s_cont_table h3 font {
    font-size: 20px;
}


table.table1 th {
    font-size: 16px;
}




.fasong{width:120px; height:45px; line-height:45px;}

.fasong font{font-size:18px; font-weight:normal; line-height:45px;}



.s_cont_tylist ul li font{font-size:20px;}


.m_foot_bot { 
    width:96%;
    font-size: 12px;
}



}